<template>
  <div class="row">
    <div class="column col">
      <div class="column q-ma-md">
        <div class="section-title">Description</div>
        <div class="section-content q-pa-md" style="font-size: 16px">
          Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
          At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
        </div>
      </div>
    </div>
    <div class="column col">
      <div class="column q-ma-md">
        <div class="section-title">Stats</div>
        <div class="section-content q-pa-md">
          <div class="row justify-around">
            <div class="stats-item column items-center justify-center">
              <div class="stats-value">1.1k</div>
              <div class="stats-label">Profile Views</div>
            </div>
            <div class="stats-item column items-center justify-center">
              <div class="stats-value">22</div>
              <div class="stats-label">Followers</div>
            </div>
            <div class="stats-item column items-center justify-center">
              <div class="stats-value">142</div>
              <div class="stats-label">Compliments</div>
            </div>
            <div class="stats-item column items-center justify-center">
              <div class="stats-value">2</div>
              <div class="stats-label">Videos</div>
            </div>
            <div class="stats-item column items-center justify-center">
              <div class="stats-value">12</div>
              <div class="stats-label">Audios</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
export default defineComponent({
  setup() {
    return {};
  },
});
</script>
<style lang="sass" scoped>
.section-title
  color: #ACACAC
  font-size: 14px
  font-weight: bold
.section-content
  background-color: #1c1c1c
.stats-item
  width: 116px
  height: 74px
  background-color: #242424
  .stats-value
    font-size: 24px
    font-weight: bold
  .stats-label
    font-size: 12px
</style>s